<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <title>工具箱 - 猿来如此</title>
    <meta name='author' content='猿来如此'/>
    <meta name='copyright' content='whoopsfeed.com'/>
    <meta name="keywords" content="css/js/html/json 格式化工具"/>
    <meta name="description" content="猿来如此-工具箱:css/js/html/json 格式化工具"/>
    <link rel="stylesheet" type="text/css" href="./assets/styles/style.css"/>
    <link rel="stylesheet" type="text/css" href="./assets/styles/font-awesome.min.css"/>
</head>
<body>
<header class="header">
    <section class="wrap">
        <section class="logo">
            <a href="###" title="前端工具箱">
                <b style="font-size: 24px;font-weight: normal;">猿来如此</b> - 工具箱
            </a>
        </section>
        <nav class="top-nav">
            <a href="###" class="nav" target="_blank"><i class="icon icon-code"></i> Blog</a>
            <a href="###" class="nav" target="_blank"><i class="icon icon-map-marker"></i> Map</a>
            <a href="http://www.seajs.org/" class="nav" target="_blank"><i class="icon icon-github"></i> SeaJs</a>
        </nav>
        <a href="###" class="btn btn-info" style="float: right;vertical-align: middle;">返回博客</a>
    </section>
</header>
<section class="wrap">
    <?php if($tips == 404){ ?>
        <h1 style="text-align: center;font-weight: normal;line-height: 60px;font-size: 20px;">没有找到您要找的工具</h1>
        <p style="text-align: center;"> 尽请期待...</p>
    <?php } ?>
    <section class="content">
        <section class="box">
            <h1 class="box-title"><i class="icon icon-flag-alt"></i> 前端工具</h1>
            <ul class="box-list">
                <li><strong>Css相关类： </strong> <a href="http://tool.yanue.net/css/format" class="red">Css美化/格式化</a></li>
                <li><strong>JS相关类：</strong> <a href="http://tool.yanue.net/js/format">JS格式化美化压缩加密工具</a></li>
                <li><strong>HTML相关类：</strong> <a href="http://tool.yanue.net/html/format">HTML格式化压缩工具</a></li>
                <li><strong>JSON相关类：</strong> <a href="http://tool.yanue.net/html/format">JSON格式化工具</a></li>
            </ul>
        </section>
    </section>
    <aside class="sidebar" style="margin-top: 30px">
        <div class="side-widget">
            <h2 class="side-title"><i class="icon icon-hand-right"></i> 热点关注 <i class="icon icon-hand-left"></i></h2>
            <ul class="side-list">
                <li>
                    <a href="http://tool.yanue.net/css/format" class=""><i class="icon icon-angle-right"></i> css格式化美化工具</a>
                </li>
                <li>
                    <a href="http://tool.yanue.net/html/format" class=""><i class="icon icon-angle-right"></i>HTML格式化压缩工具</a>
                </li>
                <li>
                    <a href="http://tool.yanue.net/js/format" class=""><i class="icon icon-angle-right"></i> JS美化压缩加密工具</a>
                </li>
                <li>
                    <a href="http://tool.yanue.net/js/json" class=""><i class="icon icon-angle-right"></i> JSON格式化工具</a>
                </li>
            </ul>
        </div>
    </aside>
</section>
<div class="clearfix"></div>
<footer class="footer">
    <cite class="right" style="padding:0 8px;color:#888;text-shadow:0 0 0 rgba(255,255,255,0);font-style: normal;">
        工具代码源于网络,基于 <a href="http://seajs.org/" title="js模块化开发" target="_blank">seajs</a>
        +
        <a href="http://www.php.net/" title="PHP">php</a>
        by yanue
    </cite>
    <span style="padding:0 8px;">2013 &copy; <a href="###">前端工具箱</a> - <a href="###">猿来如此</a></span>
</footer>
</body>
</html>